<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %> 
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>  
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<script>
  $(function() {
	$( "#writeForm" ).submit(function(){
		if($('#subject').val() == null || $('#subject').val() == ''){
			$('#subject_signed').html('제목을 입력해주세요').css('color','red');
			$('#subject').focus();
			return false;
		}
		if($('#content').val() == null || $('#content').val() == ''){
			$('#content_signed').html('내용을 입력해주세요').css('color','red');
			$('#content').focus();
			return false;
		}
	});
	$( "#accordion" ).accordion({
		heightStyle: "content"
	});
  });
 </script>
 
<div class="container">

<div id="allDiv">

<ul class="nav nav-tabs">
	<li class="active"><a href="#tab1" data-toggle="tab"><img src="./image/title_img5.jpg"></a></li>
	<li><a href="#tab2" data-toggle="tab"><img src="./image/title_img12.jpg"></a></li>
</ul>

	<div class="tab-content">
	
	<!-- 자유게시판 -->
	<div class="tab-pane active" id="tab1">
		
	<!-- 게시판 테이블 -->
	<form:form commandName="boardCommand" role="form" class="form-horizontal" 
				name="updateForm" id="updateForm" action="adminUpdateBoard.do" method="post">
		<form:hidden path="num" value="${boardCommand.num}"/>
		<div class="form-group bottom">
			<label for="subject" class="col-md-3 col-xs-3 col-sm-3 control-label bgcolor">제목</label>
			<div class="col-md-5 col-xs-5 col-sm-5">
				<form:input path="subject" class="form-control" value="${boardCommand.subject}"/>
			</div>
			<div class="col-md-4 col-xs-4 col-sm-4" style="padding-top:1%;">
				<span id="subject_signed"></span>
			</div>
		</div>
		<div class="form-group bottom">
			<label for="writer" class="col-md-3 col-xs-3 col-sm-3 control-label bgcolor">작성자</label>
			<label for="writer" id="label" class="col-md-9 col-xs-9 col-sm-9 control-label">
				<form:hidden path="writer" value="${boardCommand.writer}"/>${boardCommand.writer}</label>
			
		</div>
		<div class="form-group bottom">
			<label for="reg_date" class="col-md-3 col-xs-3 col-sm-3 control-label bgcolor">수정일</label>
			<label for="reg_date" id="label" class="col-md-3 col-xs-3 col-sm-3 control-label">
				<c:set var="now" value="<%=new java.util.Date()%>" />
				<fmt:formatDate value="${now}" pattern="yyyy-MM-dd"/></label>
		</div>
		<div class="form-group bottom">
			<label for="content" class="col-md-3 col-xs-3 col-sm-3 control-label bgcolor contentSize">내용</label>
			<div class="col-md-8 col-xs-8 col-sm-8">
				<form:textarea path="content" rows="7" cols="50" class="form-control" value="${boardCommand.content}"/>
			</div><br><br><br><br><br><br><br><br><br>
			&nbsp;&nbsp;&nbsp;&nbsp;<span id="content_signed"></span>
		</div>
			
		<div class="form-group" style="padding-top:10px">
			<div class="col-md-12 col-xs-12 col-sm-12" align="center">
				<input type="submit" class="btn btn-info btn-sm" value="글 수정">&nbsp;&nbsp;&nbsp;&nbsp;
				<input type="button" class="btn btn-default btn-sm" value="취소" onclick="location.href='adminDetailBoard.do?num=${boardCommand.num}'">
			</div>
		</div>
	</form:form>
	</div>
	
	<!-- 자주 묻는 질문 -->
	<div class="tab-pane" id="tab2">
		<div id="accordion">
		  <h3>포인트 받을 수 있는 방법은 어떤 게 있나요?</h3>
		  <div>
		    <p>포인트 지급 조건은 다음과 같습니다.<br>
		    	&nbsp;1. 회원가입시 300point<br>
		    	&nbsp;2. 로그인시 50point<br><br>
		    	포인트 차감 조건은 다음과 같습니다.<br>
		    	&nbsp;1. 쪽지보내기 20point<br>
		    	&nbsp;2. 호감가는 이성 찜하기시 5point</p>
		  </div>
		  <h3>선물하기는 어떻게 이용하나요?</h3>
		  <div>
		    <p>원하시는 쿠폰을 구매하셔서 본인이 직접 사용하거나, 호감가는 이성에게 선물하실 수 있습니다.<br>
		    	구매는 포인트로 가능합니다.<br><br>
		    	맘에 드는 이성에게 선물하기로 마음을 표현해보세요!</p>
		  </div>
		  <h3>SomeTalk 안내</h3>
		  <div>
		    <p>옆구리가 시린 분들을 위한 사이트입니다. 호감가는 이성에게 쪽지,1:1대화,선물하기까지!!
		    	저희 SomeTalk 사이트에서는 아래의 메뉴를 이용하실 수 있습니다.</p>
		    <ul>
		      <li>마이페이지</li>
		      <li>쪽지함</li>
		      <li>1:1대화</li>
		      <li>이성목록</li>
		      <li>자유게시판</li>
		      <li>선물하기</li>
		      <li>신고하기</li>
		    </ul>
		  </div>
		</div>
	</div>
	
	</div>
	
</div>
</div>